<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>CSS3文字播放效果</title>


    <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Open+Sans'>

    <link rel="stylesheet" href="css/style2.css">
</head>

<body>
<div class="container">
    <div class="block">
        <div class="moving-message4 holdable" data-text="CSS3 Animation 动画技巧">CSS3 Animation 动画技巧</div>
    </div>

    <div class="message message-auto-play block">
        <div class="message-back">CSS3 Animation 动画技巧</div>
        <div class="message-front">
            <div class="message-overlay holdable" data-text="CSS3 Animation 动画技巧">CSS3 Animation 动画技巧</div>
        </div>
    </div>
    <div class="message message-auto-play2 block">
        <div class="message-back">CSS3 Animation 动画技巧</div>
        <div class="message-front">
            <div class="message-overlay holdable" data-text="CSS3 Animation 动画技巧">CSS3 Animation 动画技巧</div>
        </div>
    </div>

    <div class="message message-hover block">
        <div class="message-back">CSS3 Animation 动画技巧</div>
        <div class="message-front">
            <div class="message-overlay" data-text="CSS3 Animation 动画技巧">CSS3 Animation 动画技巧</div>
        </div>
    </div>
</div>
</body>

</html>
